import { notification, message } from 'antd';

const codeMessage = {
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队（异步任务）。',
  204: '删除数据成功。',
  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
  401: '用户没有权限（令牌、用户名、密码错误）。',
  403: '用户得到授权，但是访问是被禁止的。',
  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除，且不会再得到的。',
  422: '当创建一个对象时，发生一个验证错误。',
  500: '服务器发生错误，请检查服务器。',
  502: '网关错误。',
  503: '服务不可用，服务器暂时过载或维护。',
  504: '网关超时。',
};

/**
 * 异常处理程序
 */
const errorHandler = (response: Response): Response => {
  // 如果请求正常返回
  if (response && response.status) {
    const { status, url } = response;
    if (![200].includes(response.status)) {
      // 其他状态码的处理
      const errorText = codeMessage[response.status] || response.statusText;

      notification.error({
        message: `请求错误 ${status}: ${url}`,
        description: errorText,
      });
    }
  } else if (!response) {
    // 如果请求没有正常返回结果
    notification.error({
      description: '您的网络发生异常，无法连接服务器',
      message: '网络异常',
    });
  }
  return response;
};

const request = async (input: RequestInfo, init?: RequestInit | undefined): Promise<any> => {
  return new Promise<Response>((resolve, reject) => {
    const res = fetch(input, init)
      .then((response) => {
        return errorHandler(response);
      })
      .then((result) => result.json());

    resolve(res);
  });
};

interface IOptions {
  data?: any;
  [x: string]: any;
}

const MYrequest = async (url?: string, data?: any, options?: IOptions) => {
  let reponseRes = { msg: null, success: false };

  const method = options?.method || 'GET';

  const body = method === 'GET' ? null : JSON.stringify(data);

  const defaultHeaders = {
    ...options?.headers,
    'Content-Type': 'application/json',
    Accept: 'application/json',
  };

  const newUrl = url && typeof url === 'string' ? url : '/graphql';

  reponseRes = await request(newUrl, {
    method,
    headers: defaultHeaders,
    body,
  });

  // 后端响应正常
  if (reponseRes && reponseRes.data) {
    const { token: newtoken, refreshToken: newrefreshToken, expire } = reponseRes.data;

    localStorage.setItem('token', newtoken);
    localStorage.setItem('refreshToken', newrefreshToken);
    localStorage.setItem('tokenExpires', `${new Date().getTime() + expire * 1000}`);
  }
  // 后端响应错误
  if (reponseRes && reponseRes.msg && !reponseRes.success) {
    message.error(reponseRes.msg);

    return {};
  }
  return reponseRes;
};

export default MYrequest;
